<template>
	<view>
		<navbar :title="title" :autoBack="true"></navbar>
		<view class="con">
			<view class="scbox">
				<view class="scbox__c">
					<scroll-view scroll-y="true" class="box" @scroll="scroll">
						<view class="box__con">
							<view class="box__con__top">
								<view class="u-flex">
									<image :src="URL(info.avatar)" class="box__con__top__tx" mode="aspectFill"></image>
									<view class="">
										<view class="box__con__top__name">
											{{info.username}}
										</view>
										<view class="box__con__top__text" @click="clickopenmap">
											<view class="box__con__top__text__icon">
												<image src="/static/kh/dw.png" class="box__con__top__text__dw" mode="">
												</image>
											</view>
											<view class="u-line-1">
												{{info.address}}
											</view>
										</view>
										<view class="box__con__top__text">
											<view class="box__con__top__text__icon">
												<image src="/static/kh/ry.png" class="box__con__top__text__ry" mode="">
												</image>
											</view>
											跟进人:{{info.staffUserName}}
										</view>
									</view>
								</view>
								<view class="box__con__top__i" style="margin-top: 16rpx;" v-if="cur==1||cur==2"
									@click="show1=true,cdtype='逾期程度'">
									<view class="box__con__top__i__l">
										逾期
									</view>
									<view class="box__con__top__i__jdbox">
										<view class="box__con__top__i__jdbox__ac" :style="`width: ${info.over}%;`">

										</view>
									</view>
									<image src="/static/kh/m.png" class="box__con__top__i__m" mode=""></image>
								</view>
								<view class="box__con__top__i" style="margin-top: 16rpx;" v-else
									@click="show1=true,cdtype='意向程度'">
									<view class="box__con__top__i__l">
										意向程度
									</view>
									<view class="box__con__top__i__jdbox">
										<view class="box__con__top__i__jdbox__ac" :style="`width: ${info.hope}%;`">

										</view>
									</view>
									<image src="/static/kh/m.png" class="box__con__top__i__m" mode=""></image>
								</view>
								<view class="box__con__top__i" style="margin-top: 16rpx;" v-if="cur==1||cur==2">
									<view class="box__con__top__i__l">
										标签
									</view>
									<view class="u-flex u-flex-y-center u-flex-wrap" style="flex: 1;"
										@click="clicktags">
										<view class="box__con__top__i__tag" v-for="(item,index) in info.tags"
											:key="index">
											{{item.name}}
										</view>
									</view>
									<image src="/static/kh/m.png" class="box__con__top__i__m" mode=""></image>
								</view>
							</view>
							<u-gap v-if="cur==1||cur==2" height="22rpx" bgColor="#F8F8F8"></u-gap>

							<u-sticky :offsetTop="0" :customNavHeight='0'>
								<view class="tabsbox">
									<u-tabs @change="changetab" :list="list4" lineHeight='6rpx' lineWidth="16rpx"
										lineColor="#3262FD" :activeStyle="{
									            color: '#1E1E1E',
									            fontWeight: 'bold',
									            transform: 'scale(1.15)'
									        }" :inactiveStyle="{
									            color: '#6D6D6D',
									            transform: 'scale(1)'
									        }" itemStyle="padding-left: 32rpx; padding-right: 32rpx; height: 70rpx;" @click="clicktab">
									</u-tabs>
								</view>
								<u-gap height="5rpx" bgColor="#F8F8F8"></u-gap>
								<!-- 筛选 -->
								<view class="box__con__sx" v-if='cur==1'>
									<view class="u-flex u-flex-y-center">
										<view class="box__con__sx__item" v-for="(item,index) in sxlist" :key="index"
											:class="cursx==index?'active':''" @click="cursx=index,getlist(item.type)">
											{{item.name}}
										</view>
									</view>
									<image src="/static/kh/bj.png" class="box__con__sx__bj" mode=""></image>
								</view>
							</u-sticky>
							<!-- 内容资料 -->
							<view class="userinfo" v-if="cur==0">
								<view class="userinfo__title u-flex u-flex-y-center u-flex-between">
									客户资料
									<image src="/static/kh/bj.png" class="box__con__sx__bj" mode="" @click="show=true">
									</image>
								</view>
								<view class="userinfo__item" v-for="(item,index) in khzl" :key="index">
									<view class="userinfo__item__label">
										{{item.name}}
									</view>
									<view class="userinfo__item__value">
										{{item.value||'暂无'}}
									</view>
								</view>
							</view>
							<!-- 内容动态 -->
							<view class="dynamic" v-if="cur==1">
								<!-- 加日期的列表 -->
								<view class="dynamic__timeitem">
									<!-- 列表 -->
									<view class="dynamic__timeitem__item" v-for="(item,index) in dtlist" :key="index">
										<view class="dynamic__timeitem__week" style="margin-bottom: 20rpx;">
											周{{weeklist[new Date(item.createtime).getDay()]}}
											{{$u.timeFormat(item.createtime, 'mm月dd日')}}
										</view>
										<view class="u-flex u-flex-y-center">
											<image src="/static/kh/gg3.png" class="dynamic__timeitem__item__icon"
												v-if="true" mode=""></image>
											<image src="/static/kh/gg2.png" class="dynamic__timeitem__item__icon" v-else
												mode=""></image>
											<view class="dynamic__timeitem__item__name">
												{{item.title}}
											</view>
											<view class="dynamic__timeitem__item__time">
												{{$u.timeFormat(item.createtime, 'hh:MM')}}
											</view>
										</view>
										<view class="dynamic__timeitem__item__m">
											<view class="dynamic__timeitem__item__linebox">
												<view class="dynamic__timeitem__item__linebox__line">

												</view>
											</view>
											<view class="" style="flex: 1;">
												<view class="dynamic__timeitem__item__text" v-if="item.content">
													备注:{{item.content}}
												</view>
												<view class="dynamic__timeitem__item__text">
													操作人:{{item.username}}
												</view>
												<view class="u-flex u-flex-items-start u-flex-end"
													style="margin: 8rpx 29rpx 16rpx 0;">
													<image src="/static/kh/xx.png"
														style="width: 30rpx;height: 27rpx;margin-right: 39rpx;" mode="">
													</image>
													<image src="/static/kh/gg1.png" style="width: 32rpx;height: 31rpx;"
														mode=""></image>
												</view>
												<u-gap height="2rpx" bgColor="#F8F8F8" marginTop="11rpx"></u-gap>
											</view>
										</view>
									</view>
								</view>
							</view>
							<!-- 内容任务 -->
							<view class="task" v-if="cur==2">
								<view class="task__title">
									待执行任务 {{customerTasklist.length}}
								</view>
								<view class="task__item" v-for="(item,index) in customerTasklist" :key="index"
									@click="navto('/pages/tool/mytask?id='+item.id+'&customerid='+item.customer_id+'&customername='+info.username)">
									<image src="/static/kh/rwi.png" class="task__item__icon" mode=""></image>
									<view class="" style="flex: 1;">
										<view class="task__item__name">
											{{item.content}}
										</view>
										<view class="task__item__text u-flex u-flex-y-center">
											<view>
												提醒{{$u.timeFormat(new Date(item.noticetime).getTime(), 'mm月dd日 hh:MM')}}
											</view>
											<view class=""
												style="width: 2rpx;height: 17rpx;background: #252525;opacity: 0.6;margin: 0 6rpx;">
											</view>
											<view style="color: #3262FD;">
												截止{{$u.timeFormat(new Date(item.endtime).getTime(), 'mm月dd日 hh:MM')}}
											</view>
										</view>
										<u-gap height="2rpx" bgColor="#F8F8F8" marginTop="34rpx"></u-gap>
									</view>
								</view>

								<image @click="clickaddtask" src="/static/kh/add.png"
									class="task__add" mode=""></image>
							</view>
							<!-- 内容贷款 -->
							<view class="userinfo" v-if="cur==3">
								<view class="userinfo__title u-flex u-flex-y-center u-flex-between">
									贷款详情
									<image src="/static/kh/bj.png" class="box__con__sx__bj" mode="" @click="show=true">
									</image>
								</view>
								<view class="userinfo__item" v-for="(item,index) in dkxq" :key="index">
									<view class="userinfo__item__label">
										{{item.name}}
									</view>
									<view class="userinfo__item__value">
										{{item.value||'暂无'}}
									</view>
								</view>
							</view>
						</view>
					</scroll-view>
				</view>
			</view>
		</view>
		<view class="footer">
			<view class="footer__item" v-for="(item,index) in footerlist" :key="index" @click="clickfooter(item)">
				<view class="footer__item__iconbox">
					<image :src="'/static/kh/'+item.icon+'.png'" :style="item.s" mode=""></image>
				</view>
				<view class="footer__item__text">
					{{item.name}}
				</view>
			</view>
		</view>
		<!-- 编辑客户 -->
		<u-popup mode='bottom' @close='show=false' :show='show' round="30rpx">
			<view class="popboxbj">
				<view class="popboxbj__item" v-for="(item,index) in khbjlist" :key="index" @click="bj(item)">
					<view class="popboxbj__item__iconbox">
						<image :src="'/static/kh/'+item.icon+'.png'" :style="item.s" mode=""></image>
					</view>
					<view class="u-flex u-flex-y-center u-flex-between popboxbj__item__r">
						<view class="popboxbj__item__text">
							{{item.text}}
						</view>
						<image src="/static/kh/pm.png" class="popboxbj__item__m" mode=""></image>
					</view>
				</view>
				<view class="popboxbj__footer" @click="show=false">
					取消
				</view>
			</view>
		</u-popup>
		<!-- 进度弹框 -->
		<u-popup :show="show1" @close="show1=false,getinfo(),cdloading=false" mode='center' round="15rpx"
			@open="showpopcd">
			<view style="width: 600rpx;height: 400rpx;" class="u-flex u-flex-column u-flex-items-center u-flex-center">
				<view class="" style="width: 80%;">
					<view class="" style="text-align: center;margin-bottom: 10rpx;">
						修改{{cdtype}}
					</view>
					<u-line-progress :percentage="percentage" height='40rpx' activeColor="#3262FD"
						inactiveColor="#E0E6EB" />
					<view style="display: flex;margin-top:40rpx;margin-bottom: 40rpx;">
						<button @click="computedWidth('minus')" size="mini">减少</button>
						<button @click="computedWidth('plus')" size="mini">增加</button>
					</view>
					<u-button @click="editcd" color="#3262FD" text="确定" :loading="cdloading"></u-button>
				</view>
			</view>
		</u-popup>
	</view>
</template>

<script>
	import callPhone from "@/utils/callPhone.js"
	const uniMapCo = uniCloud.importObject('uni-map-co')
	import sale from '@/api/_sale.js'
	export default {
		data() {
			return {
				cdtype: '逾期程度',
				percentage: 0,
				show1: false,
				show: false,
				title: '',
				cur: 0,
				weeklist: ['日', '一', '二', '三', '四', '五', '六'],
				list4: [{
					name: '资料'
				}, {
					name: '动态'
				}, {
					name: '任务'
				}, {
					name: '贷款详情'
				}],
				footerlist: [{
						name: '打电话',
						icon: 'ddh',
						s: 'width:34rpx;height:34rpx;'
					},
					{
						name: '拜访',
						icon: 'bf',
						s: 'width:40rpx;height:35rpx;',
						url: '/pages/tool/sign'
					},
					{
						name: '写记录',
						icon: 'jl',
						s: 'width:35rpx;height:40rpx;',
						url: '/pages/customer/addrecord'
					},
					{
						name: '更多',
						icon: 'gd',
						s: 'width:37rpx;height:37rpx;'
					},
				],
				sxlist: [{
					name: '全部',
					type: ''
				}, {
					name: '跟进记录',
					type: 1
				}, {
					name: '联系记录',
					type: 2
				}],
				cursx: 0,
				khzl: [{
						name: '手机',
						key: 'mobile',
						value: ''
					},
					{
						name: '学历',
						key: 'education',
						value: ''
					},
					{
						name: '房产',
						key: 'house',
						value: ''
					},
					{
						name: '车辆',
						key: 'car',
						value: ''
					},
					{
						name: '婚姻情况',
						key: 'marriage',
						value: ''
					},
					{
						name: '预期贷款金额',
						key: 'dedamount',
						value: ''
					},
					{
						name: '公积金',
						key: 'gjj',
						value: ''
					},
					{
						name: '社保',
						key: 'sb',
						value: ''
					},
					{
						name: '工作情况',
						key: 'role',
						value: ''
					},
				],
				dkxq: [{
						name: '借款日期',
						key: 'loan_date',
						value: ''
					},
					{
						name: '到期日期',
						key: 'end_date',
						value: ''
					},
					{
						name: '借款金额',
						key: 'amount',
						value: ''
					},
					{
						name: '利率',
						key: 'rate',
						value: ''
					},
					{
						name: '担保方式',
						key: 'diyawu',
						value: ''
					},
					{
						name: '还款方式',
						key: 'loan_method',
						value: ''
					},
					{
						name: '月还款金额',
						key: 'month_amount',
						value: ''
					},
				],
				khbjlist: [{
						text: '编辑客户',
						icon: 'bjkh',
						s: 'width: 26rpx;height: 36rpx;',
						url: ''
					},
					{
						text: '共享客户',
						icon: 'gx',
						s: 'width: 34rpx;height: 34rpx;',
						url: '',
						type: 1
					},
					{
						text: '放弃客户',
						icon: 'fq',
						s: 'width: 32rpx;height: 31rpx;',
						url: '',
						type: 2
					},
					{
						text: '转让客户',
						icon: 'zr',
						s: 'width: 32rpx;height: 29rpx;',
						url: '',
						type: 3
					},
				],
				id: null,
				info: {},
				dtlist: [],
				customerTasklist: [],
				curtype: 0,
				cdloading: false,
				num:0
			};
		},
		methods: {
			showpopcd() {
				// console.log(this.info)
				if (this.cdtype == '逾期程度') {
					this.percentage = this.info.over
				} else {
					this.percentage = this.info.hope
				}
			},
			async editcd() {
				// console.log(this.percentage)
				if (this.cdtype == '逾期程度') {
					this.info.over = this.percentage
				} else {
					this.info.hope = this.percentage
				}
				this.cdloading = true
				let res = await sale.editcustomer({
					over: this.info.over,
					hope: this.info.hope,
					id: this.id
				})
				if (res.data.code == 1) {
					this.show1 = false
					this.cdloading = false
				}

			},
			computedWidth(type) {
				if (type === 'plus') {
					this.percentage = uni.$u.range(0, 100, this.percentage + 10)
				} else {
					this.percentage = uni.$u.range(0, 100, this.percentage - 10)
				}
			},
			async clickopenmap() {
				let result = await uniMapCo.address2location({
					address: this.info.address
				});
				let location = result.result.result.location
				uni.openLocation({
					latitude: location.lat,
					longitude: location.lng,
					success: function() {
						console.log('success');
					}
				});
			},
			clicktags() {
				this.$store.commit('settagarr', JSON.parse(this.info.label))
				this.navto('/pages/customer/choicetags?type=1&id=' + this.info.id)

			},
			changetab(e) {
				this.cur = e.index
			},
			scroll(e) {
				// console.log(e.detail.scrollTop)
				if (e.detail.scrollTop >= 44) {
					this.title = this.info.username
				} else {
					this.title = ' '
				}
			},
			async clickfooter(item) {
				let _this = this
				if (item.name == '写记录') {
					this.navto(item.url + '?name=' + this.info.username + '&id=' + this.info.id)
				}
				if (item.name == '拜访') {
					this.$store.commit('setcustomer', {
						id: this.info.id,
						username: this.info.username
					})
					this.navto(item.url)
				}
				if (item.name == '打电话') {
					this.call(this.info.mobile, this.info.id, 1)
				}
			},
			clicktab(e) {
				this.curtype = e.index
				this.getlist()
			},
			async bj(item) {
				if (item.type == 1) { //共享客户
					let res = await sale.publicCustomer({
						id: this.info.id
					})
					if (res.data.code == 1) {
						uni.$u.toast('共享成功')
						this.show = false
					}
					return
				}
				if (item.type == 3) { //转让
					this.navto('/pages/customer/checkxs?type=1&customerid=' + this.info.id)
					return
				}


				this.navto(item.url)
			},
			async getlist(type) {
				if (this.curtype == 1) { //动态
					let res = await sale.customerRecord({
						id: this.id,
						type
					})
					if (res.data.code == 1) {
						this.dtlist = res.data.data
					}
				}
				if (this.curtype == 2) { //任务
					// customerTask
					let res = await sale.customerTask({
						id: this.id,
						status:1
					})
					if (res.data.code == 1) {
						this.customerTasklist = res.data.data
						// this.getnum()
					}
				}
			},
			async getnum(){
				let res = await sale.getTaskCount()
				console.log(res)
			},
			async getinfo() {
				let res = await sale.customerDetail({
					id: this.id
				})
				if (res.data.code == 1) {
					this.info = res.data.data
					this.khzl.map(t => {
						t.value = this.info[t.key]
					})
					this.dkxq.map(t => {
						t.value = this.info[t.key]
					})
					this.info.tags = JSON.parse(this.info.label.replaceAll("&quot;", "\""))
					if(res.data.data.creditList.length>0){
						// this.dkxq=res.data.data.creditList.reverse()[0]
						this.dkxq.map(t => {
							t.value = res.data.data.creditList.reverse()[0][t.key]
						})
					}
					if(res.data.data.loanList.length>0){
						this.khzl.map(t => {
							t.value = res.data.data.loanList.reverse()[0][t.key]
						})
					}
				}
			},
			clickaddtask(){
				// console.log(this.info)
				this.$store.commit('setcustomer', this.info)
				this.navto('/pages/customer/addtask')
			}
		},
		onLoad(o) {
			this.id = o.id
			this.getinfo()
		},
		onShow() {
			this.getinfo()
			this.getlist(this.sxlist[this.cursx].type)
		}
	}
</script>

<style lang="scss">
	page {
		background-color: #f8f8f8;
	}

	.scbox__c {
		height: calc(100% - 34rpx - 146rpx);
		padding: 0 30rpx 34rpx;
	}

	.box {
		background-color: #fff;
		height: 100%;
		border-radius: 20rpx;
		position: relative;

		&__con {
			// height: 100000px;

			&__top {
				padding: 38rpx 35rpx 1rpx 27rpx;

				&__tx {
					width: 98rpx;
					height: 98rpx;
					background: #3262FD;
					border-radius: 49rpx;
					margin-right: 21rpx;
				}

				&__name {
					font-family: PingFang SC;
					font-weight: bold;
					font-size: 36rpx;
					color: #1E1E1E;
					line-height: 46rpx;
				}

				&__text {
					display: flex;
					align-items: center;
					font-family: PingFang SC;
					font-weight: bold;
					font-size: 24rpx;
					color: #6D6D6D;
					line-height: 24rpx;
					margin-top: 18rpx;
					margin-bottom: 4rpx;

					&__icon {
						width: 26rpx;
						height: 26rpx;
						display: flex;
						align-items: center;
						justify-content: center;
						margin-right: 9rpx;
					}

					&__dw {
						width: 22rpx;
						height: 27rpx;
					}

					&__ry {
						width: 26rpx;
						height: 26rpx;
					}
				}

				&__i {
					display: flex;
					align-items: center;

					margin-bottom: 36rpx;
					font-family: PingFang SC;
					font-weight: 500;
					font-size: 24rpx;
					color: #6D6D6D;
					line-height: 24rpx;

					&__l {
						width: 122rpx;
					}

					&__jdbox {
						flex: 1;
						height: 12rpx;
						background: #E0E6EB;
						border-radius: 6rpx;

						&__ac {
							height: 12rpx;
							background: #3262FD;
							border-radius: 6rpx;

						}
					}

					&__tag {
						padding: 0 19rpx;
						height: 51rpx;
						background: #F1F5F8;
						border-radius: 5rpx;
						font-family: PingFang SC;
						font-weight: bold;
						font-size: 24rpx;
						color: #626667;
						line-height: 51rpx;
						margin-right: 17rpx;

					}

					&__m {
						width: 12rpx;
						height: 19rpx;
						margin-left: 20rpx;
					}
				}
			}

			&__sx {
				padding: 19rpx 36rpx 31rpx 28rpx;
				display: flex;
				align-items: center;
				justify-content: space-between;
				background-color: #fff;

				&__item {
					padding: 0 22rpx;
					height: 50rpx;
					background: #F8F8F8;
					border-radius: 5rpx;
					font-family: PingFang SC;
					font-weight: 500;
					font-size: 24rpx;
					color: #282829;
					line-height: 50rpx;
					margin-right: 16rpx;
				}

				&__bj {
					width: 28rpx;
					height: 27rpx;
				}

				.active {
					color: #3262FD;
				}
			}
		}
	}

	.footer {
		width: 750rpx;
		height: 146rpx;
		background: #FFFFFF;
		position: fixed;
		bottom: 0;
		left: 0;
		display: flex;
		align-items: center;
		justify-content: space-around;

		&__item {
			display: flex;
			flex-direction: column;
			align-items: center;
			width: 25%;

			&__iconbox {
				height: 40rpx;
				display: flex;
				align-items: center;
				justify-content: center;
			}

			&__text {
				font-family: PingFang SC;
				font-weight: 500;
				font-size: 20rpx;
				color: #6D6D6D;
				line-height: 20rpx;
				margin-top: 20rpx;
			}
		}
	}

	.userinfo {
		padding: 32rpx 36rpx 20rpx 30rpx;

		&__title {
			font-family: PingFang SC;
			font-weight: 800;
			font-size: 26rpx;
			color: #282829;
			line-height: 26rpx;
			margin-bottom: 40rpx;
		}

		&__item {
			display: flex;
			align-items: center;
			margin-bottom: 54rpx;

			&__label {
				width: 193rpx;
				font-family: PingFang SC;
				font-weight: 500;
				font-size: 26rpx;
				color: #6D6D6D;
				line-height: 26rpx;
			}

			&__value {
				font-family: PingFang SC;
				font-weight: 500;
				font-size: 26rpx;
				color: #020202;
				line-height: 26rpx;
			}

			&__zw {
				font-family: PingFang SC;
				font-weight: 500;
				font-size: 26rpx;
				color: #6D6D6D;
				line-height: 26rpx;
			}
		}
	}

	.dynamic {

		&__timeitem {

			&__week {
				font-family: PingFang SC;
				font-weight: 500;
				font-size: 24rpx;
				color: #6D6D6D;
				line-height: 24rpx;
				padding-left: 31rpx;
			}

			&__item {
				padding-left: 24rpx;
				margin-top: 28rpx;

				&__m {
					display: flex;
					padding-top: 5rpx;
				}

				&__icon {
					width: 32rpx;
					height: 31rpx;
					margin-right: 10rpx;
				}

				&__name {
					font-family: PingFang SC;
					font-weight: 800;
					font-size: 28rpx;
					color: #3C3C3C;
					line-height: 28rpx;
					flex: 1;
				}

				&__time {
					font-family: PingFang SC;
					font-weight: 500;
					font-size: 24rpx;
					color: #6D6D6D;
					line-height: 19rpx;
					padding-right: 30rpx;
				}

				&__linebox {
					width: 32rpx;
					display: flex;
					justify-content: center;
					margin-right: 10rpx;
					margin-top: 12rpx;

					&__line {
						width: 1rpx;
						height: calc(100% - 22rpx);
						background: #EBEBEB;
					}
				}

				&__text {
					font-family: PingFang SC;
					font-weight: 500;
					font-size: 24rpx;
					color: #6D6D6D;
					line-height: 44rpx;
				}
			}
		}
	}

	.tabsbox {
		height: 86rpx;
		display: flex;
		align-items: center;
		background-color: #fff;
		border-radius: 20rpx 20rpx 0 0;
	}

	.popboxbj {

		&__item {
			height: 102rpx;
			margin-top: 20rpx;
			display: flex;
			align-items: center;
			padding-left: 34rpx;

			&__iconbox {
				width: 34rpx;
				display: flex;
				align-items: center;
				justify-content: center;
				margin-right: 20rpx;
			}

			&__text {
				font-family: PingFang SC;
				font-weight: 500;
				font-size: 26rpx;
				color: #030303;
				line-height: 26rpx;
			}

			&__m {
				width: 12rpx;
				height: 21rpx;
			}

			&__r {
				flex: 1;
				padding-right: 31rpx;
				border-bottom: 2rpx solid #F9F9F9;
				height: 100%;
			}
		}

		&__footer {
			display: flex;
			align-items: center;
			justify-content: center;
			height: 148rpx;
			font-family: PingFang SC;
			font-weight: 500;
			font-size: 24rpx;
			color: #6D6D6D;
			line-height: 24rpx;
		}
	}

	.task {
		&__title {
			font-family: PingFang SC;
			font-weight: bold;
			font-size: 24rpx;
			color: #252525;
			line-height: 24rpx;
			padding: 29rpx 27rpx;
		}

		&__add {
			width: 97rpx;
			height: 95rpx;
			position: absolute;
			bottom: 43rpx;
			right: 35rpx;
		}

		&__item {
			padding-top: 11rpx;
			padding-left: 27rpx;
			display: flex;

			&__icon {
				width: 73rpx;
				height: 72rpx;
				margin-right: 20rpx;
			}

			&__name {
				font-family: PingFang SC;
				font-weight: bold;
				font-size: 28rpx;
				color: #252525;
				line-height: 28rpx;
				margin: 3rpx 0 15rpx;
				height: 28rpx;
			}

			&__text {
				font-family: PingFang SC;
				font-weight: 500;
				font-size: 24rpx;
				color: #787878;
				line-height: 24rpx;
			}
		}
	}
</style>